/* 视频设备信息样式 */
.vid {
  cursor: pointer;
}
.equipmentInfoModal {
    height: 810px;
    width: 560px;
    position: absolute;
    top: 50%;
    margin-top: -405px;
    left: 50%;
    margin-left: -280px;
}
.equipmentInfo .modal-title {
    font-size: 24px;
}
.equipmentInfo .bigVideoBox {
    width: 494px;
    height: 279px;
    /* border: 1px solid #555; */
    margin-top: 20px;
}
.equipmentInfo .col-xs-8 {
    width: 50%;
    margin: 0;
    padding: 0;
}

.equipmentInfo .col-xs-4 {
    width: 35%;
    margin: 0;
    padding: 0;
    text-align: right;
    margin-right: 10px;
}
.equipmentInfo .col-xs-9 {
    width: 74%;
    margin: 0;
    padding: 0;
}

.equipmentInfo .col-xs-3 {
    width: 18%;
    margin: 0;
    padding: 0;
    text-align: right;
    margin-right: 10px;
}
.equipmentInfo .row {
    margin-left: 0;
    margin-bottom: 20px;
    line-height: 34px;
}
.modalStyle input {
    background-color: #738a9f;
    border: none;
}
.lineHeight34 {
    line-height: 34px;
}
.equipmentInfo small{
    position: absolute;
    top: 21px;
    font-size: 12px;
}
/* 图片放大 */
.magnify-modal {
    z-index: 99999!important;
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
}
/* 巡更点位管理 样式 */
/* 表格 */
.seepatrollingsaveQrCodeStyle:hover,
.seepatrollingsaveQrCodeStyle:focus{
  color: #2393f7;
  text-decoration: none;
}
.patrollingPoint .tableBox {
    width: 1040px;
    border: 1px solid #3b767f;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 24px;
}
/* 人员管理 表格 */
.personal .tableBox {
    width: 1040px;
    border: 1px solid #3b767f;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 24px;
}
/* 账号管理 表格 */
.account .tableBox {
    width: 1040px;
    border: 1px solid #3b767f;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 24px;
}
/* 微型消防站管理 表格 */
.miniFireStation-pop .tableBox {
    width: 1040px;
    border: 1px solid #3b767f;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 24px;
}
/* 搜索框 */
.patrollingPoint .patrollingStyle {
    height: 690px;
    margin-top: -345px;
}
.patrollingPoint .searchInputStyle {
    width: 200px;
    background-color: #738392;
    border: none;
    border-radius: 10px;
    padding-left: 10px;
}
.patrollingPoint .patrollingStyle .searchList{
  width: 184px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.2);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-sizing: border-box;
  position: absolute;
  top: 110px;
  left: 38px;
}
.patrollingPoint .patrollingStyle .searchList li {
  text-indent: 5px;
  width: 100%;
  height: 38px;
  text-align: center;
  border-radius: 10px;
  line-height: 45px;
  cursor: pointer;
}
.patrollingPoint .patrollingStyle .searchList li:hover {
  background-color: rgba(255, 255, 255, 0.4);
  color: #000;
}
/* 搜索按钮 */
.patrollingPoint .btnStyle {
    width: 60px;
    height: 34px;
    display: inline-block;
    border-radius: 10px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
    background-color: #647687;
}
/* 添加按钮 */
.patrollingPoint .patrollingPointAddBtn {
    width: 80px;
    height: 34px;
    display: inline-block;
    border-radius: 10px;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
    position: absolute;
    bottom: 16px;
    left: 18px;
    background-color: #647687;
    background-image: url(/public/images/add.png);  
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 20px;  
    font-size: 16px;
}
.patrollingPoint .pageBox {
    bottom: -6px;
}
/* 导出 与 删除 盒子*/
.patrollingPoint .patrollingPointDelBox {
    position: absolute;
    right: 26px;
    bottom: 16px;
}
/* 导出 */
.patrollingPoint .potrollingPointExportBoxStyle {
    float: right;
    width: 88px;
    height: 32px;
    background: url(/public/images/export.png) no-repeat 10px center;
    background-color: #647687;
    border-radius: 10px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    margin-left: 10px;
    padding-left: 10px;
}
.patrollingPoint .potrollingPointExportInputStyle {
    display: none;
}
/* 删除按钮 */
.patrollingPoint .patrollingPointDelBtn {
    display: block;
    width: 32px;
    height: 22px;
    background: url(/public/images/delete.png) no-repeat center center;
    float: right;
    margin-top: 5px;
    cursor: pointer;
}
.patrollingPointAddPage span{
  font-size: 16px;
}
/* 点位管理 添加页面样式 */
.patrollingPointAddPage .patrollingPointAddPageModal {
    width: 400px;
    height: 666px;
    background-color: rgba(61, 84, 105, 1);
    border-radius: 10px;
    margin-top: -333px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    padding: 20px;
}
.patrollingPointAddPage .help-block {
    position: absolute;
    font-size: 14px;
    margin-top: 0;
}
/* 二维码 */
.patrollingPointAddPage .erweima {
    width: 180px;
    height: 180px;
    margin: 4px auto;
}
.patrollingPointAddPage form input {
    background-color: #738392;
    border: none;
}
.patrollingPointAddPage .patrollingPointAddPageBtnsBox {
    text-align: center;
}
.patrollingPointAddPage .patrollingPointAddPageBtnsBox .patrollingPointAddPageBtnConfirm {
    margin-right: 20px;
}
.patrollingPointAddPage .patrollingPointAddPageOragList {
    padding: 0;
    background-color: #738a9f;
    border: none;
    color: #fff;
    padding-left: 5px;
    display: inline-block;
    width: 70px;
    cursor: pointer;
}
/* 点位管理 查看详情页面 */
.patrollingPointAddPage .patrollingPointDetailsPageModal {
    width: 362px;
    height: 588px;
    background-color: rgba(61, 84, 105, 1);
    border-radius: 10px;
    margin-top: -294px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -181px;
    padding: 20px;
}
/* 点位管理 修改 页面 */
.patrollingPointAddPage .patrollingPointModifyPageModal {
    width: 320px;
    height: 588px;
    background-color: rgba(61, 84, 105, 1);
    border-radius: 10px;
    margin-top: -294px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    padding: 20px;
}

/* 人员管理 数据列表样式 */
/* 人员总数 */
.personal .perSum {
    line-height: 50px;
}
.personal .perSum span {
    color: #32ffd9;
    margin-left: 10px;
}
/* 人员添加 */
.patrollingPersonalAdd-pop .patrollingPersonalAddPageModal {
    width: 340px;
    height: 458px;
    background-color: rgba(61, 84, 105, 1);
    border-radius: 10px;
    margin-top: -229px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -170px;
    padding: 20px;
}
.patrollingPersonalAdd-pop .modal-title {
    margin-bottom: 24px;
}
/* 添加页面 头像 */
.patrollingPersonalAdd-pop .touxiang {
    width: 130px;
    height: 130px;
    margin-left: 88px;
    margin-bottom: 24px;
    border: 1px solid #3b767f;
    border-radius: 10px;
    position: relative;    
}
.patrollingPersonalAdd-pop .touxiang.bac {
    background: url("/public/images/prollingPersonTouxiang.png") no-repeat center center;
}
.patrollingPersonalAdd-pop .touxiang img {
    opacity: 0;
}
.patrollingPersonalAdd-pop .touxiang img,
.patrollingPersonalAdd-pop .touxiang input {
    width: 100%;
    height: 100%;
}
.patrollingPersonalAdd-pop .touxiang span {
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    border: 1px solid #3b767f;
    color: #3b767f;
    cursor: pointer;
    line-height: 5px;
    padding-left: 2px;
    position: absolute;
    top: 3px;
    right: 3px;
}
/* 人员管理 修改 页面 */
.patrollingPersonModify .patrollingPersonModifyPageModal {
    width: 320px;
    height: 428px;
    background-color: rgba(61, 84, 105, 1);
    border-radius: 10px;
    margin-top: -214px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    padding: 20px;
}
/* 修改 页面 头像 */
.patrollingPersonModify .touxiang {
    width: 130px;
    height: 130px;
    margin-left: 88px;
    margin-bottom: 24px;
    border: 1px solid #3b767f;
    border-radius: 10px;
    position: relative;    
}
.patrollingPersonModify .touxiang.bac {
    background: url("/public/images/prollingPersonTouxiang.png") no-repeat center center;
}
.patrollingPersonModify .touxiang img {
    opacity: 0;
}
.patrollingPersonModify .touxiang img,
.patrollingPersonModify .touxiang input {
    width: 100%;
    height: 100%;
}
.patrollingPersonModify .touxiang span {
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    border: 1px solid #3b767f;
    color: #3b767f;
    cursor: pointer;
    line-height: 5px;
    padding-left: 2px;
    position: absolute;
    top: 3px;
    right: 3px;
}

/* 三色预警 查看详情页面 */
/* 图片圆角 */
#addEarlyWarningModal .pic,
#lightgallery .pic,
#modifyEarlyWarningDetails .pic {
    border-radius: 10px;
}
/* 修改按钮 */
.checkEarlyWarningDetailsBtnBox{
  position: absolute;
  bottom: 20px;
  width: 100%;
}
.checkEarlyWarningDetailsBtnBox button{
  margin: 0 10px;
}

/* 三色预警 查看图片 插件 */
#galpop-wrapper {
    z-index: 999999!important;
}

#galpop-modal {
    height: 100%;
}
#galpop-content {
    position: relative;
    text-align: center;
    height: 100%;
}

/* 图片展示插件 */
#galpop-content img {
  /* vertical-align: top; */
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto auto;
  transform: translate(-50%,-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
#galpop-container{
  width: 100%!important;
  height: 100%!important;
  z-index: 999999!important;
  background-color: rgba(0, 0, 0, .5);
}
#galpop-close{
  position: absolute;
  display: block;
  z-index: 10;
  top: 20px;
  right: 20px;
}

/* 数据统计 大数据部分样式 */
/* 标题 */
#bigDataModal .dataStatisticsTitle {
    margin-top: 20px;
    color: #3bfffd;
    font-size: 30px;
}
/* 响应速度 时间  */
#bigDataModal .dataStatisticsSpeedTime {
  position: absolute;
  top: 612px;
  left: 154px;
  color: #3bfffd;
  font-size: 16px;
}
#bigDataModal .dataSumAlarm {
    text-align: right;
    border: none;
    width: 48px;
    background-color: transparent;
}
#bigDataModal .dataHandleNum {
    text-align: right;
    border: none;
    width: 48px;
    background-color: transparent;
}
#bigDataModal .dataSmokeSum {
    text-align: right;
    border: none;
    width: 48px;
    background-color: transparent;
}
/* 数据统计 响应时间的柱状图 */
.responseSpeedNote {
    position: absolute;
    left: 68px;
    top: 856px;
    font-size: 6px;
}
.responseSpeedNote span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #fdff4a;
    margin-right: 5px;
}
.responseSpeedCordon {
    width: 2px;
    background-color: red;
    height: 180px;
    position: absolute;
    left: 366px;
    top: 656px;
    border: 1px dashed #fff;
}
.responseSpeedCordonText {
    position: absolute;
    left: 344px;
    top: 632px;
    font-size: 14px;
}
/* 三色预警 场所占比图 */
.policeRatioBox {
    width: 266px;
    height: 174px;
    background: url(/public/images/policeRatioBackground.png) no-repeat;    
    display: none;
    position: relative;
    margin-left: 30px;
    margin-top: 56px;
}
.policeRatioBoxTitle {
    position: absolute;
    top: -26px;
    left: 92px;
    /* 文字不能被选中 */
    user-select: none;
}
/* 左上角logo */
.policeRatioBoxLogo {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -54px;
    left: -26px;
    background: url(/public/images/policeRatioLogo.png) no-repeat;
    background-size: 120px 120px; 
}
.policeRatioLegend {
    width: 88px;
    height: 102px;
    position: absolute;
    top: 70px;
    left: 14px;
    display: none;
}
.policeRatioLegend .normalRisk {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #7abd5a;
    margin-right: 5px;
    border-radius: 2px;
}
.policeRatioLegend .moddleRisk {
    display: inline-block;    
    width: 10px;
    height: 10px;
    background-color: #fd8731;
    margin-right: 5px;    
    border-radius: 2px;    
}
.policeRatioLegend .highRisk {
    display: inline-block;    
    width: 10px;
    height: 10px;
    background-color: #ff3d3d;
    margin-right: 5px;    
    border-radius: 2px;    
}
.policeRatioLegend div {
    font-size: 10px;
    margin-bottom: 10px;
}
.normalRiskNum {
    color: #7abd5a;
    font-size: 10px;
    margin-left: 5px;
}
.moddleRiskNum {
    color: #fd8731;
    font-size: 10px;
    margin-left: 5px;
}
.highRiskNum {
    color: #ff3d3d;
    font-size: 10px;
    margin-left: 5px;
}
/* 三色预警 整改成效图 */
.rectificationMapBox {
    width: 266px;
    height: 174px;
    position: relative;
    background: url(/public/images/policeRatioBackground.png) no-repeat;  
    display: none;
    background-size: contain;
    margin-left: 30px;
    margin-top: 60px;
}
.rectificationMapBoxTitle {
    position: absolute;
    top: -26px;
    left: 92px;
    /* 文字不能被选中 */
    user-select: none;
}
.rectificationMapBoxLogo {
    width: 100px;
    height: 100px;
    position: absolute;
    top: -54px;
    left: -26px;
    background: url(/public/images/rectificationMapLogo.png) no-repeat; 
    background-size: 120px 120px;
}
.rectificationMapLegend {
    width: 110px;
    height: 108px;
    position: absolute;
    top: 68px;
    left: 155px;
}
.rectificationMapLegend div {
    font-size: 6px;
    margin-bottom: 10px;   
}
.rectificationMapLegend .completedPlaces {
    display: inline-block;    
    width: 10px;
    height: 10px;
    background-color: #0096ff;
    margin-right: 5px;  
    border-radius: 2px; 
    font-size: 8px;
}
.rectificationMapLegend .normalPlaces {
    display: inline-block;    
    width: 10px;
    height: 10px;
    background-color: #7abd5a;
    margin-right: 5px;  
    border-radius: 2px; 
    font-size: 8px;
}
.rectificationMapLegend .middlePlaces {
    display: inline-block;    
    width: 10px;
    height: 10px;
    background-color: #fd8731;
    margin-right: 5px;  
    border-radius: 2px; 
    font-size: 8px; 
}
.rectificationMapLegend .highPlaces {
    display: inline-block;    
    width: 10px;
    height: 10px;
    background-color: #ff3d3d;
    margin-right: 5px;  
    border-radius: 2px; 
    font-size: 8px;
}
/* 完成整改数字 */
.rectificationCompleted {
    width: 80px;
    height: 60px;
    position: absolute;
    top: 66px;
    left: 94px;
    text-align: center;
}
.completedPlacesText {
    font-size: 8px;
}
.completedPlacesNum {
    font-size: 26px;
    color: #2ffa9c;
}

/* 消火栓历史详情 */
/* .fireHydrantHisDetails {
    height: 650px;
    width: 1450px;
    position: absolute;
    top: 50%;
    margin-top: -325px;
    left: 50%;
    margin-left: -725px;
    padding-top: 0;
} */
.fireHydrantHisDetailsModal {
    height: 646px;
    margin-top: -323px;
    padding: 0 30px 20px 30px;
}
/* 消火栓折线图补充 */
.fireHydrantHisPressurePlus .fireHydrantHisPressurePlusTiming {
    position: absolute;
    top: 328px;
    left: 44px;
    font-size: 8px;
}
.fireHydrantHisPressurePlus .fireHydrantHisPressurePlusGreen {
    position: absolute;
    top: 350px;
    left: 34px;
    font-size: 8px;    
}
.fireHydrantHisPressurePlus .fireHydrantHisPressurePlusGreen span {
    color: #6ed83b;
}
.fireHydrantHisPressurePlus .fireHydrantHisPressurePlusRed {
    position: absolute;
    top: 350px;
    left: 128px;
    font-size: 8px;    
}
.fireHydrantHisPressurePlus .fireHydrantHisPressurePlusRed span {
    color: #bb662e;
}
/* 右上角时间选择与搜索 */
.fireHydrantHisRight {
    position: absolute;
    top: 80px;
    left: 560px;
}
.fireHydrantHisRight input.timePicker {
    width: 100px;
    margin-right: 15px;
    border-radius: 5px;
    padding-left: 5px;
    color: #3ee6e7;
    background-image: url(/public/images/fireHydrantHisDetailsSmallPic2.png);
    background-repeat: no-repeat;
    background-position: 74px 8px;
}
.fireHydrantHisRight .fireHydrantHisRightSearch {
    width: 100px;
    border-radius: 5px;
}
/* 信息卡片部分 */
.fireHydrantHisDetails .fireHydrantHisInfoCard {
    width: 388px;
    height: 204px;
    position: absolute;
    top: 157px;
    left: 670px;
    text-align: left;
    padding: 10px 0 10px 64px;
    border-radius: 10px;
    background-color: rgba(70, 105, 137, 0.3);
}
.fireHydrantHisDetails .fireHydrantHisInfoCard div {
    margin-bottom: 10px;
}
.fireHydrantHisDetails .fireHydrantHisInfoCard .fireHydrantHisInfoCardValue {
    color: #3ee6e7;
}
/* 表格 */
.fireHydrantHisDetails .fireHydrantHisTable {
    position: absolute;
    top: 390px;
    left: 30px;
    width: 1028px;
}
.fireHydrantHisDetails .fireHydrantHisTable thead th {
    border: 1px solid #3b767f !important;
    text-align: center;
    font-size: 16px;
}
.fireHydrantHisDetails .fireHydrantHisTable .tbodyList  td {
    border: 1px solid #3b767f !important;
    text-align: center;
}
/* 导出 */
.fireHydrantHisDetails .fireHydrantHisExport {
    width: 100px;
    border-radius: 5px;
    position: absolute;
    left: 956px;
    top: 598px;
}


/* 三色预警查看详情 二维码页面 */
.checkEarlyWarningDetailsQrCodeModal {
    width: 300px;
    height: 336px;
    padding: 0 30px 20px 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -168px;
}
.checkEarlyWarningDetailsQrCodeModal .modal-top {
    width: 100%;
    background-size: contain;
}
/* 二维码图片部分 */
.checkEarlyWarningDetailsQrCodeModal .checkEarlyWarningDetailsQrCodeImg {
    width: 180px;
    height: 180px;
    margin-left: 30px;
    margin-bottom: 14px;
}
.checkEarlyWarningDetailsQrCodeModal .checkEarlyWarningDetailsQrCodeCode {
    text-align: left;
    padding-left: 30px;
    margin-bottom: 20px;
}
.checkEarlyWarningDetailsQrCodeModal .checkEarlyWarningDetailsQrCodeReturn {
    width: 80px;
    border-radius: 4px;
}
/* 二维码文字logo部分 */
/* #checkEarlyWarningDetailsQrCodeImgLogo {
    position: absolute;
    z-index: 99999;
    height: 30px;
    width: 100%;
} */
 /* 视频 实时视频 部分样式 */
 .realTimeVideoModal {
    width: 1100px;
    height: 596px;
    background-color: RGBA(61, 84, 105, 0.9);
    margin-top: -298px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -550px;
    padding: 0 30px 20px 30px;
}
.realTimeVideoModal .modal-title {
    font-size: 24px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}
/* 搜索部分 */
.realTimeVideoModal .realTimeVideoSearchInput {
    padding: 2px 8px;
    border-radius: 8px;
    margin-right: 18px;
}
.realTimeVideoModal .realTimeVideoSearchBtn {
    display: inline-block;
    background-color: #738a9f;
    border: none;
    padding: 2px 8px;
    height: 26px;
    line-height: 22px;
    border-radius: 8px;
}
/* 组织树 左边*/
.realTimeVideoModal .realTimeVideoOrgTree {
    width: 400px;
    height: 400px;
    border: 1px solid #3b767f;
    border-radius: 10px;
    float: left;
    /* margin-left: 30px; */
}
.realTimeVideoModal .realTimeVideoOrgList {
    text-align: left;
}
.realTimeVideoModal .realTimeVideoOrgList {
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 10px;
}
.realTimeVideoModal .realTimeVideoOrgList ._panel-box {
    top: 5px;
    left: 10px;
}
.realTimeVideoModal .realTimeVideoOrgList ._panel-box {
    width: 400px;
}
.realTimeVideoModal .realTimeVideoModal .realTimeVideoOrgList span {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    cursor: pointer;
}
.realTimeVideoModal .realTimeVideoOrgList .text {
    padding: 2px 5px;
    border-radius: 10px;
}
.realTimeVideoModal .realTimeVideoOrgList .text.active {
    background-color: #5780a5;
}
/* 右边 视频大盒子 */
.realTimeVideoModal .videoBox {
    width: 540px;
    height: 400px;
    border: 1px solid #3b767f;
    border-radius: 10px;
    float: right;
    /* margin-right: 30px; */
}
.realTimeVideoModal .videoRealTimeBoxes {
    padding: 20px;
}
.realTimeVideoModal .videoRealTimeBoxes li {
    float: left;
    width: 239px;
    height: 169px;
    background-color: #2c4963;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.realTimeVideoModal .videoRealTimeBoxes li:nth-of-type(1),
.realTimeVideoModal .videoRealTimeBoxes li:nth-of-type(2) {
    margin-bottom: 20px;
}
.realTimeVideoModal .videoRealTimeBoxes li:nth-of-type(1),
.realTimeVideoModal .videoRealTimeBoxes li:nth-of-type(3) {
    margin-right: 20px;
}
.realTimeVideoModal .videoRealTimeBoxes li .closeModal {
    position: absolute;
    right: 8px;
    top: 8px; 
}
.realTimeVideoModal .videoRealTimeBoxes li .realTimeVideoTopTitle {
    width: 74px;
    position: absolute;
    left: 8px;
    top: 8px;
} 
.realTimeVideoModal .realTimeVideoLi {
    width: 100%;
    height: 100%;
}
.realTimeVideoModal .realTimeVideoTop {
    width: 100%;
    height: 119px;
}
/* 按钮部分 */
.realTimeVideoModal .realTimeVideoBottom {
    width: 100%;
    height: 50px;
    background-color: #183046;
    position: relative;
    font-size: 12px;
}
.realTimeVideoModal .realTimeVideoBottomHistoryVideo input,
.realTimeVideoModal .realTimeVideoBottomLocation input {
    font-size:10px;
    background-color:#273f55; 
    border-radius:10px;
    padding: 0 6px;
}
/* 历史录像按钮 */
.realTimeVideoModal .realTimeVideoBottom .realTimeVideoBottomHistoryVideo {
    position: absolute;
    left: 8px;
    top: 2px;
    background-color: #273f55;
    border-radius: 10px;
    width: 88px;
    padding: 0 2px;
    font-size: 14px;
    cursor: pointer;
}
/* 定位 */
.realTimeVideoModal .realTimeVideoBottom .realTimeVideoBottomLocation {
    position: absolute;
    right: 8px;
    top: 2px;
    padding: 0 2px;
    background-color: #273f55;
    border-radius: 10px;
    width: 50px;
    font-size: 14px;
    cursor: pointer;
}
/* 暂停 */
.realTimeVideoModal .realTimeVideoBottom .realTimeVideoBottomSuspended {
    position: absolute;
    left: 90px;
    bottom: 2px;
    width: 28px;
    height: 28px;
    background: url(/video/images/videoSmall2.png) no-repeat;
    background-size: contain;
    cursor: pointer;
}
/* 停止 */
.realTimeVideoModal .realTimeVideoBottom .realTimeVideoBottomStop {
    position: absolute;
    left: 134px;
    bottom: 2px;
    width: 28px;
    height: 28px;
    background: url(/video/images/videoSmall1.png) no-repeat;
    background-size: contain;
    cursor: pointer;
}
/* 查看历时录像 */
.realTimeVideoModal .realTimeVideoSeeVideos {
    position: absolute;
    left: 32px;
    top: 518px;
    cursor: pointer;
}
/* 报警组  
设备报警组设置 */
.equipmentAlarmGroupSet .equipmentAlarmGroupSetModal {
    width: 1100px;
    height: 576px;
    margin-left: -550px;
    margin-top: -288px;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0 30px 20px 30px;
}
/* 标题部分 */
.equipmentAlarmGroupSetModal .modal-title {
    font-size: 24px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 80px;
}
/* 搜索部分 */
.equipmentAlarmGroupSetModal .equipmentAlarmGroupSetSearchBox {
    margin-bottom: 20px;
    position: absolute;
    left: 454px;
    top: 80px;
}
.equipmentAlarmGroupSetModal .equipmentAlarmGroupSetSearchInput {
    padding: 4px;
    border-radius: 8px;
    margin-right: 18px;
    font-size: 14px;
    width: 256px;
    height: 32px;
    color: #acb1b5;
    text-align: center;
    outline: none;
}
.equipmentAlarmGroupSetModal .equipmentAlarmGroupSetSearchBtn {
    display: inline-block;
    background-color: #738a9f;
    border: none;
    padding: 2px 8px;
    height: 32px;
    width: 64px;
    line-height: 26px;
    border-radius: 8px;
    font-size: 14px;
}
/* 左边 设备选择部分*/
.equipmentAlarmGroupSetModal .selectEquipmentBox {
    width: 400px;
    height: 344px;
    border: 1px solid #3b767f;
    border-radius: 10px;
    float: left;
}
.equipmentAlarmGroupSetModal .selectEquipmentBox form {
    padding-top: 30px;
    height: 100%;
    width: 100%;
}
.equipmentAlarmGroupSetModal .selectEquipmentBox div {
    margin-bottom: 20px;
}
.equipmentAlarmGroupSetModal .selectEquipmentBox span {
    margin-right: 2px;
    display: inline-block;
    text-align: right;
    width: 122px;
}
.equipmentAlarmGroupSetModal .selectEquipmentBox input {
    width: 224px;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    padding:  4px 8px;
    text-align: center;
    outline: none;
}
/* 右边 表格部分 */
.equipmentAlarmGroupSetModal .equipmentAlarmGroupSetTable {
    width: 616px;
    height: 344px;
    border: 1px solid #3b767f;
    border-radius: 10px;
    float: right;
    overflow: hidden;
}
.equipmentAlarmGroupSetModal .equipmentAlarmGroupSetTable thead th {
    border: 1px solid #3b767f !important;
    text-align: center;
    font-size: 16px;
}
.equipmentAlarmGroupSetModal .equipmentAlarmGroupSetTable .tbodyList td {
    border: 1px solid #3b767f !important;
    text-align: center;
}
/* 底部按钮部分 */
.equipmentAlarmGroupSetModal .equipmentAlarmGroupSetBtnBox {
    position: absolute;
    bottom: 24px;
    right: 30px;
}
.equipmentAlarmGroupSetModal .equipmentAlarmGroupSetBtnBox .btn {
    outline: none;
    width: 90px;
    border-radius: 10px;
    border: none;
}

/* 设备报警组 页面样式 */
.equipmentAlarmGroup .equipmentAlarmGroupsModal {
    width: 1100px;
    height: 576px;
    margin-left: -550px;
    margin-top: -288px;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0 30px 20px 30px;
}
/* 标题部分 */
.equipmentAlarmGroupsModal .modal-title {
    font-size: 24px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 80px;
}
/* 搜索部分 */
.equipmentAlarmGroupsModal .equipmentAlarmGroupSearchBox {
    margin-bottom: 20px;
    position: absolute;
    left: 30px;
    top: 80px;
}
.equipmentAlarmGroupsModal .equipmentAlarmGroupSearchInput {
    padding: 4px;
    border-radius: 8px;
    margin-right: 12px;
    font-size: 14px;
    width: 256px;
    height: 32px;
    color: #acb1b5;
    text-align: center;
    outline: none;
}
.equipmentAlarmGroupsModal .equipmentAlarmGroupSearchBtn {
    display: inline-block;
    background-color: #738a9f;
    border: none;
    padding: 2px 8px;
    height: 32px;
    width: 64px;
    line-height: 26px;
    border-radius: 8px;
    font-size: 16px;
}
/* 表格部分 */
.equipmentAlarmGroupsModal .equipmentAlarmGroupTable {
    width: 1040px;
    height: 360px;
    border: 1px solid #3b767f;
    border-radius: 10px;
    overflow: hidden;
}
.equipmentAlarmGroupsModal .equipmentAlarmGroupTable thead th {
    border: 1px solid #3b767f !important;
    text-align: center;
    font-size: 16px;
}
.equipmentAlarmGroupsModal .equipmentAlarmGroupTable .tbodyList td {
    border: 1px solid #3b767f !important;
    text-align: center;
}
/* 添加按钮 */
.equipmentAlarmGroupsModal .equipmentAlarmGroupAddBtn {
    position: absolute;
    bottom: 20px;
    left: 30px;
    width: 60px;
    height: 30px;
    line-height: 16px;
    border-radius: 10px;
    font-size: 16px;
    cursor: pointer;
    outline: none;
    background-color: #647687;
    border: none;
}
/* 删除和导出按钮 */
.equipmentAlarmGroupsModal .equipmentAlarmGroupBtnBox {
    position: absolute;
    bottom: 24px;
    right: 30px;
}
/* 导出按钮 */
.equipmentAlarmGroupsModal .equipmentAlarmGroupBtnBox .equipmentAlarmGroupExportBtn {
    width: 76px;
    height: 32px;
    background: url(/public/images/export.png) no-repeat 8px center;
    background-color: #647687;
    border-radius: 10px;
    line-height: 10px;
    text-align: center;
    cursor: pointer;
    padding-left: 26px;
    outline: none;
    font-size: 16px;
    border: none;
}
/* 删除按钮 */
.equipmentAlarmGroupsModal .equipmentAlarmGroupBtnBox .equipmentAlarmGroupDelBtn {
    width: 32px;
    height: 32px;
    background: url(/public/images/delete.png) no-repeat center center;
    cursor: pointer;
    border: none;
}
/* 设备报警组 无表格页面 样式 */
.equipmentAlarmGroupSmall .equipmentAlarmGroupSmallModal {
    width: 432px;
    height: 410px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -216px;
    margin-top: -205px;
    padding: 0 30px 20px 30px;
}
.equipmentAlarmGroupSmallModal .modal-top {
    width: 90%;
    background-size: contain;
}
/* 标题部分 */
.equipmentAlarmGroupSmallModal .modal-title {
    font-size: 24px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
}
/* 主体内容form 部分 */
.equipmentAlarmGroupSmallModal .selectEquipmentBox form {
    padding-top: 30px;
    height: 100%;
    width: 100%;
}
.equipmentAlarmGroupSmallModal .selectEquipmentBox div {
    margin-bottom: 20px;
}
.equipmentAlarmGroupSmallModal .selectEquipmentBox span {
    margin-right: 2px;
    display: inline-block;
    text-align: right;
    width: 122px;
}
.equipmentAlarmGroupSmallModal .selectEquipmentBox input {
    width: 232px;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    padding:  4px 8px;
    text-align: center;
    outline: none;
}
/* 楼长制地图 按钮 */
.indexCenterStyle .deviceTypeToggleBtn1 {
    width: 532px;
    height: 34px;
    margin: 0 auto;
    position: absolute;
    left: 154px;
    top: 115px;
}

/* 微型消防站查看详情 */
.detailFireStation .detailFireStationModal {
    width: 600px;
    height: 406px;
    background-color: RGB(61, 84, 105);
    margin-top: -203px;
    top: 50%;
    left: 50%;
    margin-left: -256px;
    position: relative;
    padding: 20px 30px;
    box-sizing: border-box;
}
.detailFireStationModal .modal-title {
    font-size: 24px;
    margin-bottom: 20px;
}
.detailFireStationModal .detailFireStationLogo {
    width: 40%;
    height: 180px;
    background: url(/public/images/fireStation.png) no-repeat;
    position: absolute;
    right: 30px;
    top: 94px;
    background-size: contain;
    background-position: center center;
}
.detailFireStationModal .detailFireStationLogo img{
  width: 100%;
  height: 100%;
  display: inline-block;
}
.detailFireStationModal .detailFireStationForm {
    padding-top: 20px;
    width: 52%;
    position: absolute;
    left: 0;
}
.detailFireStationModal .detailFireStationForm .rowAdd {
    margin-bottom: 20px;
}
.detailFireStationModal .detailFireStationForm span {
    margin-right: 2px;
    display: inline-block;
    text-align: right;
    width: 96px;
}
.detailFireStationModal .detailFireStationForm .rowAdd>input {
    width: 196px;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    padding:  4px 8px;
    outline: none;
    background-color: #738a9f;
    border: none;
}
.detailFireStationModal .detailFireStationForm .detailFireStationFormOrgList {
    display: inline-block;
    width: 196px;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    padding:  4px 8px;
    outline: none;
    background-color: #738a9f;
    border: none;
}

/* 消火栓查看详情页面 样式 */
.fireHydrantDetails .fireHydrantDetailsModal {
    /* height: 830px; */
    /* height: 720px; */
    height: 660px;
    width: 560px;
    position: absolute;
    top: 50%;
    /* margin-top: -415px; */
    margin-top: -330px;
    left: 50%;
    margin-left: -280px;
}
.fireHydrantDetailsModal .modal-title {
    font-size: 24px;
}
.fireHydrantDetailsModal .bigVideoBox {
    width: 494px;
    height: 279px;
    /* border: 1px solid #555; */
    margin-top: 20px;
}
.fireHydrantDetailsModal .col-xs-8 {
    width: 50%;
    margin: 0;
    padding: 0;
}

.fireHydrantDetailsModal .col-xs-4 {
    width: 35%;
    margin: 0;
    padding: 0;
    text-align: right;
    margin-right: 10px;
}
.fireHydrantDetailsModal .col-xs-9 {
    width: 74%;
    margin: 0;
    padding: 0;
}

.fireHydrantDetailsModal .col-xs-3 {
    width: 18%;
    margin: 0;
    padding: 0;
    text-align: right;
    margin-right: 10px;
}
.fireHydrantDetailsModal .row {
    margin-left: 0;
    margin-bottom: 20px;
    line-height: 34px;
}
.fireHydrantDetailsModal input {
    background-color: #738a9f;
    border: none;
}
.fireHydrantDetailsModal small{
    position: absolute;
    top: 21px;
    font-size: 12px;
}
/* 微型消防站 修改 */
.editFireStationModal .editFireStationLogo {
    width: 88px;
    height: 88px;
    margin: 0 auto;
    margin-bottom: 20px;
    border: 1px solid #3b767f;
    position: relative;
}
.editFireStationModal .editFireStationLogo.bac {
    background: url(/public/images/earlyWarning/add.png) no-repeat center center;
}
.editFireStationModal .editFireStationLogo img {
    width: 100%;
    height: 100%;
    opacity: 0;
}
.editFireStationModal .editFireStationLogo input {
    width: 100%;
    height: 100%;
    opacity: 0;
}
.editFireStationModal .editFireStationLogo span {
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    border: 1px solid #fff;
    float: right;
    cursor: pointer;
    line-height: 5px;
    padding-left: 2px;
    position: absolute;
    top: 3px;
    right: 3px;
}
/* 右下角工作指导按钮 */
.workGuideStyle {
    position: absolute;
    right: 20px;
    bottom: 30px;
}
.workGuideStyle .workGuideLogo {
    width: 112px;
    height: 112px;
    background: url("/public/css/workGuide/images/logo.png") no-repeat;
    user-select: none;
    cursor: pointer;
    float: right;
}
/* 时间 */
.workGuideStyle .page-time-style {
    float: right;
    width: 270px;
    height: 112px;
    line-height: 160px;
}
/* 地图街道范围动画 */
/* .cont{
  width:500px;
  margin: 50px auto;
} */

@keyframes marchingants {
  to { stroke-dashoffset: 19; }
}
#allmap path {
  /* stroke: hsl(260, 50%, 90%); */
  stroke: RGB(65 217 255);
  /* fill: white; */
  stroke-width: 7;
  stroke-dasharray: 10;
  animation: marchingants 1s forwards infinite linear;
}

/* 湖滨左边 菜单样式 */
.homePageMenuLeft {
    width: 200px;
    height: 100%;
    background-color: #28415a;
    position: fixed;
    left: 0;
    top: 0;
    border: 1px solid #2b5074;
    display: none;
}
.homePageMenuLeft .homePageMenuLeftLogo {
    width: 100%;
    height: 126px;
    background-color: #2b5074;
    padding-top: 20px;
}
.homePageMenuLeft .homePageMenuLeftLogo .homePageMenuLeftLogoImg {
    width: 100px;
    height: 100px;
    background: url(/public/images/logo.png) no-repeat;
    user-select: none;
    background-size: contain;
    margin: 0px 10px 0 50px;    
}
.homePageMenuLeft .userBox  {
    border-top: 1px solid #223446;
    position: relative;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #223446;
    background-color: #27496a;
}
.homePageMenuLeft .userBox .userAvatar {
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(/public/images/userAvatar.png) no-repeat;
    top:  6px;
    left: 20px;
}
.homePageMenuLeft .userBox .userName {
    font-size: 16px;
    position: absolute;
    top: 16px;
    left: 74px;
    width: 126px;
    text-align: center
} 
.homePageMenuLeft .userBox .userName1{
  font-size: 16px;
  position: absolute;
  top: 10px;
  left: 74px;
  width: 126px;
}
.homePageMenuLeft .userBox .userText {
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 60px;
    width: 58px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    /* background-color: #545e6a; */
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}
.homePageMenuLeft .firstUl {
    background-color: #28415a;
    color: #346da7;
    padding: 10px 0;
}
.homePageMenuLeft .firstUl li {
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    position: relative;
    cursor: pointer;
}
.homePageMenuLeft .firstUl li span {
    position: absolute;
    font-size: 16px;
    left: 74px;
    color: #346da7;
}

.homePageMenuLeft .firstUl li i {
    display: inline-block;
    height: 20px;
    width: 20px;
    font-style: normal;
    margin-left: 28px;
    margin-right: 20px;
    position: absolute;
    top: 5px;
}
.homePageMenuLeft .firstUl li .firstUl1 {   
    background: url("/public/css/huBInImages/qb.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl2 {   
    background: url("/public/css/huBInImages/ygl.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl3 {   
    background: url("/public/css/huBInImages/cdz.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl4 {   
    background: url("/public/css/huBInImages/xfs.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl5 {   
    background: url("/public/css/huBInImages/wxxfz.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl6 {   
    background: url("/public/css/huBInImages/jz.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl7 {   
    background: url("/public/css/huBInImages/wlb.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl8 {   
    background: url("/public/css/huBInImages/rydw.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl9 {   
    background: url("/public/css/huBInImages/zdsp.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl10 {   
    background: url("/public/css/huBInImages/ssyj.png") no-repeat;
    background-size: 100% 100%;
}
/* 点击之后加样式 */
.homePageMenuLeft .firstUl li .firstUl1.active {   
    background: url("/public/css/huBInImages/qb_1.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl2.active {   
    background: url("/public/css/huBInImages/yg_1.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl3.active {   
    background: url("/public/css/huBInImages/cdz_1.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl4.active {   
    background: url("/public/css/huBInImages/xfs_1.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl5.active {   
    background: url("/public/css/huBInImages/wxxfz_1.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl6.active {   
    background: url("/public/css/huBInImages/jz_1.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl7.active {   
    background: url("/public/css/huBInImages/wlb_1.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl8.active {   
    background: url("/public/css/huBInImages/rydw_1.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl9.active {   
    background: url("/public/css/huBInImages/zdsp_1.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .firstUl li .firstUl10.active {   
    background: url("/public/css/huBInImages/ssyj_1.png") no-repeat;
    background-size: 100% 100%;
}
/* 下拉框部分 */
.homePageMenuLeft .secondUl {
    background-color: #28415a;
    color: #346da7;
    padding: 10px 0;
    border-top: 1px solid #223446;
    border-bottom: 1px solid #223446;
}
.homePageMenuLeft .secondUl > li {
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    cursor: pointer;
}
.homePageMenuLeft .secondUl > li span {
    font-size: 16px;
    color: #346da7;
}
.homePageMenuLeft .secondUl > li i {
    display: inline-block;
    height: 20px;
    width: 20px;
    font-style: normal;
    margin-left: 28px;
    margin-right: 20px;
}
.homePageMenuLeft .secondUl > li s {
    display: inline-block;
    height: 10px;
    width: 10px;
    font-style: normal;
    margin-left: 28px;
    margin-right: 2px;
}
.homePageMenuLeft .firstUl li span a {
    font-size: 16px;
    color: #346da7;
    text-decoration: none;
}
.homePageMenuLeft .secondUl > li .secondLi1Logo {
    background: url("/public/css/huBInImages/rcgl.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .secondUl > li .secondLi1Arr {
    background: url("/public/css/huBInImages/right.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .secondUl  .secondLiBox {
    width: 100%;
    height: 100%;
}
.homePageMenuLeft .secondUl ul li {
    text-align: center;
    font-size: 12px;
    color: #346da7;
}
.homePageMenuLeft .secondUl ul li a {
    font-size: 12px;
    color: #346da7;
    text-decoration: none;
}
.homePageMenuLeft .secondUl > li .secondLi2Logo {
    background: url("/public/css/huBInImages/ssyj.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .secondUl > li .secondLi2Arr {
    background: url("/public/css/huBInImages/right.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .secondUl > li .secondLi3Logo {
    background: url("/public/css/huBInImages/zptlb.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .secondUl > li .secondLi3Arr {
    background: url("/public/css/huBInImages/right.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .secondUl > li .secondLi4Logo {
    background: url("/public/css/huBInImages/sjtj.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .secondUl > li .secondLi4Arr {
    background: url("/public/css/huBInImages/right.png") no-repeat;
    background-size: 100% 100%;
}
/* 点击之后 箭头变向下 */
.homePageMenuLeft .secondUl > li .secondLi1Arr.active {
    background: url("/public/css/huBInImages/xxjt.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .secondUl > li .secondLi2Arr.active {
    background: url("/public/css/huBInImages/xxjt.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .secondUl > li .secondLi3Arr.active {
    background: url("/public/css/huBInImages/xxjt.png") no-repeat;
    background-size: 100% 100%;
}
.homePageMenuLeft .secondUl > li .secondLi4Arr.active {
    background: url("/public/css/huBInImages/xxjt.png") no-repeat;
    background-size: 100% 100%;
}
/* 搜索框 */
.homePageMenuLeft .homePageMenuLeftSearchBox {
    height: 40px;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
    position: relative;
}
.homePageMenuLeft .homePageMenuLeftSearchBox input {
    width: 158px;
    height: 38px;
    display: block;
    line-height: 38px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 5px;
    margin: 0 auto;
    outline: none;
    border: 0;
    padding-left: 5px;
    font-size: 14px;
    letter-spacing: 0;
}
.homePageMenuLeft .homePageMenuLeftSearchBox i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/public/images/homePage/ss.png) no-repeat;
    position: absolute;
    right: 28px;
    top: 10px;
    cursor: pointer;
}
/* 滚动条 */
.homePageMenuLeft .homepageSearchBox .homepageSearchListItem_scroll {
    background-color: rgba(255, 255, 255, 0.2);
    overflow: hidden;
    height: 300px;
    width: 162px;
    position: absolute;
    top: -298px;
    left: 18px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
/* 未处理报警条数 */
.untreatedAlarmNum {
    width: 309px;
    right: -1px;
    display: none;
}
.untreatedAlarmNum.move1 {
    animation: indexLeftMove1 1s ease-out forwards;
}
@keyframes indexLeftMove1 {
    0% {
      margin-left: 310px;
    }

    100% {
      margin-left: 0;
    }
}
.untreatedAlarmNum .unprocessedAlarm {
    width: 309px;
    height: 129px;
    background: url(/public/images/unprocessedAlarm.png) no-repeat;
    padding-top: 31px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    /* margin-left: 310px; */
}
.untreatedAlarmNum .unprocessedAlarm p {
    width: 212px;
    margin: 0 auto;
    cursor: pointer;
    position: absolute;
    top: 44px;
    left: 48px;
    z-index: 10;
}
.untreatedAlarmNum .unprocessedAlarm .pulse {
    left: 182px;
}
/* 湖滨 fireStationInHuBinModal */
.fireStationInHuBin .fireStationInHuBinModal {
    padding: 0 30px 20px 30px;
    width: 698px;
    height: 733px;
    left: 50%;
    margin-left: -327px;
    top: 50%;
    margin-top: -366px;
}
.fireStationInHuBin .fireStationInHuBinModal .imgBox {
    width: 100%;
    height: 574px;
    /* background: url("/public/images/fireStation/东平巷社区消防站.png") no-repeat;
    background-size: contain; */
}
/* 报警历史详情 操作定位样式 */
.historyNewsStyle .tableBox .positionBtn {
    background: url(/public/images/position.png) no-repeat;
    background-position: 5px center;
    background-size: 12px;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    padding-left: 20px;
    display: inline-block;
    margin: 0 2px;
}
/* 首页右上角弹框 三色预警与微型消防站 */
.indexRightStyle .threeColorSum {
    color: #32ffd9;
    font-size: 20px;
}
.indexRightStyle .miniFireStationSum {
    color: #32ffd9;
    font-size: 20px;
}
.indexRightStyle .buildingSystemSum {
    color: #32ffd9;
    font-size: 20px;
}
.indexRightStyle .cooCSum {
    color: #32ffd9;
    font-size: 20px;
}
.indexRightStyle .highBuildSum {
    color: #32ffd9;
    font-size: 20px;
}
.indexRightStyle .wenLiBaoSum {
    color: #32ffd9;
    font-size: 20px;
}
.indexRightStyle .cooCSum1 {
    color: #32ffd9;
    font-size: 20px;
}
.indexRightStyle .cooCSum2 {
    color: #32ffd9;
    font-size: 20px;
}
.indexRightStyle .cooCSum3 {
    color: #32ffd9;
    font-size: 20px;
}